body {
        height:250px;
        overflow:hidden;
}
.clearboth {
	clear:both;
}
.all {
	width:300px;
	height:250px;
	font-size:12px;
	line-height:20px;
	color:#333;
}
.formBG01 {
	width:300px;
	height:250px;
	background:url(../img/bg01.jpg) no-repeat 0 0;
}
.formBG02 {
	width:300px;
	height:250px;
	background:url(../img/bg02.jpg) no-repeat 0 0;
}
.formBG03 {
	font-family:Verdana, Geneva, sans-serif;
	width:300px;
	height:250px;
	background:url(../img/bg03.jpg) no-repeat 0 0;
}
.form {
	width:276px;
	padding-top:62px;
	margin:0 auto;
}
br {
	clear:left;
}
label {
	width:31px;
	margin-bottom:10px;
	margin-right:5px;
	display:block;
	float:left;
}
input{
	padding:2px;
	margin-right:5px;
	float:left;
}

input.w01 {
	width:87px;
}
select.w02 {
	border:1px solid #aaa;
	width:230px;
}
input.w03 {
	width:223px;
	margin-right:0;
}
select {
	padding:2px;
	width:70px;
	margin-right:5px;
	display:block;
	float:left;
}
.red {
	color:#ff0066;
}

.purple {
	color:#5c00e0;
}
.orange {
	color:#ff3c00;
}
.blue {
	color:#0357de;
}
.ch {
	padding:2px 0 1px 20px;
 *margin-top:-10px;
	letter-spacing:1px;
}
.ch2 {
	padding:0 0 0px 20px;
 *margin-top:-15px;
	letter-spacing:1px;
}
.btnzone, .btnzone1 {
	margin:7px auto 0 auto;
	*margin:12px auto 0 auto;
	height:24px;
	width:244px;
}

.btnzone1 {
	padding-left:100px;
}

.btnzone a {
	float:left;
	margin:0 10px;
	text-align:center;
}
a.btnbg01 {
	text-indent:-9999px;
	background:url(../img/btn-01.png) no-repeat 0 0;
	width:99px;
	height:24px;
	display:block;
}
a:hover.btnbg01 {
	text-indent:-9999px;
	background:url(../img/btn-01.png) no-repeat -115px 0;
}
a.btnbg02 {
	text-indent:-9999px;
	background:url(../img/btn-02.png) no-repeat 0 0;
	width:99px;
	height:24px;
	display:block;
}
a:hover.btnbg02 {
	text-indent:-9999px;
	background:url(../img/btn-02.png) no-repeat -115px 0;
}
a.btnbg03 {
	text-indent:-9999px;
	background:url(../img/btn-03.png) no-repeat 0 0;
	width:99px;
	height:24px;
	display:block;
}
a:hover.btnbg03 {
	text-indent:-9999px;
	background:url(../img/btn-03.png) no-repeat -115px 0;
}
.formBG03 ul {
	padding:50px 0 0 15px;
}
.formBG03 li {
	margin-bottom:21px;
}
.date {
	font-weight:bold;
	color:#0357de;
	margin-right:10px;
}
.formBG00 {
	width:300px;
	height:250px;
	background:url(../img/bg00.jpg) no-repeat 0 0;
	position:relative;
}
.green {
	width:300px;
	height:59px;
	z-index:2;
	position:absolute;
	background: url(../img/green.png) no-repeat;
	top:153px;
	left:0px;
}
.formBG00 img {
	width:286px;
	height:172px;
	margin:40px 0 0 7px;
	z-index:1;
}
/*字的樣式-----開始.答對.答錯*/
.txt-start {
	width:53px;
	height:16px;
	background:url(../img/start.png) no-repeat 0 0;
	margin:6px auto 0px auto;
	text-align:center;
}
.txt-correct {
	width:77px;
	height:16px;
	background:url(../img/correct.png) no-repeat 0 0;
	margin:6px auto 0px auto;
	text-align:center;
}
.txt-wrong {
	width:66px;
	height:16px;
	background:url(../img/wrong.png) no-repeat 0 0;
	margin:7px auto -2px auto;
	text-align:center;
}
/*字的樣式-----開始.答對.答錯 END*/
.a-z {
	margin:0 auto;
	text-align:center;
}
.a-z ul {
	margin:0 auto;
	text-align:center;
	*margin-left:15px;
}
.a-z li {
 *float:left;
	width:30px;
	height:28px;
	margin:5px 1px;
 *margin:2px 1px;
	display:inline-block;
}
.a-z li a {
	width:30px;
	height:28px;
	display:inline-block;
 *display:block;
	text-indent:-9999px;
}
.ans {
	margin:0 auto;
	text-align:center;
}
.ans ul {
	margin:0 auto;
	text-align:center;
	*margin-left:15px;
}
.ans li {
 *float:left;
	display:inline-block;
	width:30px;
	height:28px;
	margin:5px 1px;
	background:url(../img/en-bg.png) no-repeat 0 0;
}
.ans li.xx {
	width:30px;
	height:28px;
	background:url(../img/en-bg.png) no-repeat 0 0;
	border:red 1px solid;
}
/*a~z*/
.a-z li.en-a a {
	background:url(../img/a.png) no-repeat 0 0;
}
.a-z li.en-a a:hover {
	background:url(../img/a-white.png) no-repeat 0 0;
}
.a-z li.en-b a {
	background:url(../img/b.png) no-repeat 0 0;
}
.a-z li.en-ba:hover {
	background:url(../img/b-white.png) no-repeat 0 0;
}
.en-c a {
	background:url(../img/c.png) no-repeat 0 0;
}
.en-c a:hover {
	background:url(../img/c-white.png) no-repeat 0 0;
}
.en-d a {
	background:url(../img/d.png) no-repeat 0 0;
}
.en-d a:hover {
	background:url(../img/d-white.png) no-repeat 0 0;
}
.en-e a {
	background:url(../img/e.png) no-repeat 0 0;
}
.en-e a:hover {
	background:url(../img/e-white.png) no-repeat 0 0;
}
.en-f a {
	background:url(../img/f.png) no-repeat 0 0;
}
.en-f a:hover {
	background:url(../img/f-white.png) no-repeat 0 0;
}
.en-g a {
	background:url(../img/g.png) no-repeat 0 0;
}
.en-g a:hover {
	background:url(../img/g-white.png) no-repeat 0 0;
}
.en-h a {
	background:url(../img/h.png) no-repeat 0 0;
}
.en-h a:hover {
	background:url(../img/h-white.png) no-repeat 0 0;
}
.en-i a {
	background:url(../img/i.png) no-repeat 0 0;
}
.en-i a:hover {
	background:url(../img/i-white.png) no-repeat 0 0;
}
.en-j a {
	background:url(../img/j.png) no-repeat 0 0;
}
.en-j a:hover {
	background:url(../img/j-white.png) no-repeat 0 0;
}
.en-k a {
	background:url(../img/k.png) no-repeat 0 0;
}
.en-k a:hover {
	background:url(../img/k-white.png) no-repeat 0 0;
}
.en-l a {
	background:url(../img/l.png) no-repeat 0 0;
}
.en-l a:hover {
	background:url(../img/l-white.png) no-repeat 0 0;
}
.en-m a {
	background:url(../img/m.png) no-repeat 0 0;
}
.en-m a:hover {
	background:url(../img/m-white.png) no-repeat 0 0;
}
.en-n a {
	background:url(../img/n.png) no-repeat 0 0;
}
.en-n a:hover {
	background:url(../img/n-white.png) no-repeat 0 0;
}
.en-o a {
	background:url(../img/o.png) no-repeat 0 0;
}
.en-o a:hover {
	background:url(../img/o-white.png) no-repeat 0 0;
}
.en-p a {
	background:url(../img/p.png) no-repeat 0 0;
}
.en-p a:hover {
	background:url(../img/p-white.png) no-repeat 0 0;
}
.en-q a {
	background:url(../img/q.png) no-repeat 0 0;
}
.en-q a:hover {
	background:url(../img/q-white.png) no-repeat 0 0;
}
.en-r a {
	background:url(../img/r.png) no-repeat 0 0;
}
.en-r a:hover {
	background:url(../img/r-white.png) no-repeat 0 0;
}
.en-s a {
	background:url(../img/s.png) no-repeat 0 0;
}
.en-s a:hover {
	background:url(../img/s-white.png) no-repeat 0 0;
}
.en-t a {
	background:url(../img/t.png) no-repeat 0 0;
}
.en-t a:hover {
	background:url(../img/t-white.png) no-repeat 0 0;
}
.en-u a {
	background:url(../img/u.png) no-repeat 0 0;
}
.en-u a:hover {
	background:url(../img/u-white.png) no-repeat 0 0;
}
.en-v a {
	background:url(../img/v.png) no-repeat 0 0;
}
.en-v a:hover {
	background:url(../img/v-white.png) no-repeat 0 0;
}
.en-w a {
	background:url(../img/w.png) no-repeat 0 0;
}
.en-w a:hover {
	background:url(../img/w-white.png) no-repeat 0 0;
}
.en-x a {
	background:url(../img/x.png) no-repeat 0 0;
}
.en-x a:hover {
	background:url(../img/x-white.png) no-repeat 0 0;
}
.en-y a {
	background:url(../img/y.png) no-repeat 0 0;
}
.en-y a:hover {
	background:url(../img/y-white.png) no-repeat 0 0;
}
.en-z a {
	background:url(../img/z.png) no-repeat 0 0;
}
.en-z a:hover {
	background:url(../img/z-white.png) no-repeat 0 0;
}
/*綠色*/
li.g-a {
	background:url(../img/g-a.png) no-repeat 0 0;
}
li.g-b {
	background:url(../img/g-b.png) no-repeat 0 0;
}
li.g-c {
	background:url(../img/g-c.png) no-repeat 0 0;
}
li.g-d {
	background:url(../img/g-d.png) no-repeat 0 0;
}
li.g-e {
	background:url(../img/g-e.png) no-repeat 0 0;
}
li.g-f {
	background:url(../img/g-f.png) no-repeat 0 0;
}
li.g-g {
	background:url(../img/g-g.png) no-repeat 0 0;
}
li.g-h {
	background:url(../img/g-h.png) no-repeat 0 0;
}
li.g-i {
	background:url(../img/g-i.png) no-repeat 0 0;
}
li.g-j {
	background:url(../img/g-j.png) no-repeat 0 0;
}
li.g-k {
	background:url(../img/g-k.png) no-repeat 0 0;
}
li.g-l {
	background:url(../img/g-l.png) no-repeat 0 0;
}
li.g-m {
	background:url(../img/g-m.png) no-repeat 0 0;
}
li.g-n {
	background:url(../img/g-n.png) no-repeat 0 0;
}
li.g-o {
	background:url(../img/g-o.png) no-repeat 0 0;
}
li.g-p {
	background:url(../img/g-p.png) no-repeat 0 0;
}
li.g-q {
	background:url(../img/g-q.png) no-repeat 0 0;
}
li.g-r {
	background:url(../img/g-r.png) no-repeat 0 0;
}
li.g-s {
	background:url(../img/g-s.png) no-repeat 0 0;
}
li.g-t {
	background:url(../img/g-t.png) no-repeat 0 0;
}
li.g-u {
	background:url(../img/g-u.png) no-repeat 0 0;
}
li.g-v {
	background:url(../img/g-v.png) no-repeat 0 0;
}
li.g-w {
	background:url(../img/g-w.png) no-repeat 0 0;
}
li.g-x {
	background:url(../img/g-x.png) no-repeat 0 0;
}
li.g-y {
	background:url(../img/g-y.png) no-repeat 0 0;
}
li.g-z {
	background:url(../img/g-z.png) no-repeat 0 0;
}